<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<title><ui:insert name="title">Default title</ui:insert></title>

    <f:loadBundle var="msg"
		basename="com.uncp.comisiondeadmision.resource.messageResources" />
       
	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
	<style type="text/css">

</style>
</h:head>

<h:body>
 <ui:insert name="importacion"></ui:insert>

	<div id="Container">
		<div id="Header">
			<ui:insert name="header">

				<div id="imagenHeader">
					<p:graphicImage value="/recursos/images/logo.jpg" />
				</div>

				<div id="imgSwicht"></div>

			</ui:insert>
		</div>

		<div id="Menu">
			<ui:insert name="menu">
				<h:form>
					<p:menubar style="padding:0 0 0 70px;">

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
			                  Nosotros 
			                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Información General" url="#" />
							<p:menuitem value="Mission Vision" url="#" />
							<p:menuitem value="Estructura Cibertec" url="#" />

							<p:submenu label="Como llegar ?">
								<p:menuitem value="Mapa del Campus" url="#" />
							</p:submenu>

						</p:submenu>

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			                 Institucional
			                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Infraestructura" url="#" />
							<p:menuitem value="Orgranigrama" url="#" />
						</p:submenu>

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			                  Servicios 
			                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Aulas Virtuales" url="#" />
							<p:menuitem value="Facultades y Escuelas" url="#" />

							<p:submenu label="Educacion Global">
								<p:menuitem value="Estudiantes de intercambio" url="#" />
								<p:menuitem value="Premios de Estudios en el Extranjero" url="#" />
								<p:menuitem value="Posgrado" url="#" />
								<p:menuitem value="Cibertec en España" url="#" />
								<p:menuitem value="Cibertec en Brasil" url="#" />
							</p:submenu>
							<p:menuitem value="Estudios de Posgrado" url="#" />

							<p:submenu label="Lenguaje y Comunicacion">
								<p:menuitem
									value="Centro de Comunicacion del idioma
												Ingles"
									url="#" />

							</p:submenu>
						</p:submenu>
						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						                 Acceso al Sistema
						                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Login" oncomplete="dlg1.show()" />
							<p:menuitem value="Ingreso por CDP" oncomplete="dlg2.show()" />
						</p:submenu>

					</p:menubar>


				</h:form>
			</ui:insert>
		</div>

		<div id="Body">

			<div id="BodyLateralIzquierdo">

				<ui:insert name="bodyLateralIzquierdo">
					<div id="NoticiaLateralIzquierdo">

						<h:panelGrid columns="1" cellspacing="2">
							<h:panelGrid columns="2" cellspacing="5"
								style="border-bottom: 1px solid black;">
								<f:facet name="header">
									<h3>AlienWare Corporation</h3>
								</f:facet>

								<p:graphicImage value="/recursos/images/alienware.jpg" width="100"
									height="100" />
								<h:outputText
									value="Alienware Corporation es una empresa de hardware
				estadounidense; tiene la reputacion de ofrecer lo ultimo en
				tecnologia para Ordenadores personales y portatiles que se
				especializan en Edicion de video, edicion digital de audio, y
				particularmente en juegos de ordenador." />

							</h:panelGrid>

							<h:panelGrid columns="2" cellspacing="5"
								style="border-bottom: 1px solid black;">
								<f:facet name="header">
									<h3>Android Market for phone</h3>
								</f:facet>
								<p:graphicImage value="/recursos/images/android.png" width="100"
									height="100" />
								<h:outputText
									value="We've completely redesigned Android Market for phones to make
				it easier to explore Android apps, games, and other content. Look
				for the new version coming to your Android phone!." />

							</h:panelGrid>

							<h:panelGrid columns="2" cellspacing="5"
								style="border-bottom: 1px solid black;">
								<f:facet name="header">
									<h3>Mozilla Firefox</h3>
								</f:facet>
								<p:graphicImage value="/recursos/images/MozillaFirefox.jpg" width="100"
									height="100" />
								<h:outputText
									value="Mozilla Firefox is a free and open source[10] web browser
				descended from the Mozilla Application Suite and managed by Mozilla
				Corporation. As of November 2011, Firefox is the second or third
				most widely used browser, according to different estimates, with
				approximately 25% of worldwide usage share of web browsers." />

							</h:panelGrid>



							<h:panelGrid columns="2" cellspacing="5"
								style="border-bottom: 1px solid black;">
								<f:facet name="header">
									<h3>Eclipse IDE for Java EE Developers</h3>
								</f:facet>
								<p:graphicImage value="/recursos/images/eclipse.png" width="100"
									height="100" />
								<h:outputText
									value="You will need a Java runtime environment (JRE) to use Eclipse
				(Java SE 5 or greater is recommended). All downloads are provided
				under the terms and conditions of the Eclipse Foundation Software
				User Agreement unless otherwise specified. by Software
				Engiee J2EE" />

							</h:panelGrid>

                             <h:panelGrid columns="2" cellspacing="5"
								style="border-bottom: 1px solid black;">
								<f:facet name="header">
									<h3> Apple Store</h3>
								</f:facet>
								<p:graphicImage value="/recursos/images/apple-logo.jpg" width="100"
									height="100" />
								<h:outputText
									value="El Apple Store es una cadena de tiendas al por menor
				(conocido tambien como Retail Store) de Apple que vende ordenadores
				y otros productos de la marca. En noviembre de 2010 , Apple habia
				abierto 323 tiendas, de las cuales 236 en Estados Unidos, 29 en
				Reino Unido, 19 en Canada¡, 7 en Japón, 10 en Australia, 3 en
				Suiza, 4 en Alemania, 4 en Italia, 5 en Francia, 4 en Republica
				Popular China y 3 en España." />

							</h:panelGrid>
						</h:panelGrid>

					</div>
				</ui:insert>
			</div>
			<div id="BodyLateralDerecho">
				<ui:insert name="bodyLateralDerecho">

					<div id="imgLateralDerecho">

						<p:graphicImage value="/recursos/images/uni01.jpg" width="250" height="250" />
					</div>

					<div id="acordionLateralDerecho">

						<p:accordionPanel >
							<p:tab title="Home">
								<h:panelGrid columns="1" style="Color:white;">
									<h:outputText value="Welcome to for Cibertec'"></h:outputText>
								</h:panelGrid>
							</p:tab>
							<p:tab title="Eventos">

								<h:panelGrid columns="1" style="Color:white;">
									<h:outputText value="UNCP..."></h:outputText>
									<h:outputText value="Crash...."></h:outputText>
									<h:outputText value="Probando..."></h:outputText>
									<h:outputText value="Probando..."></h:outputText>
								</h:panelGrid>
							</p:tab>
							<p:tab title="Leer Mas">
								<h:panelGrid columns="1" style="Color:white;">

									<h:outputText value="Latest @Cibertec"></h:outputText>
									<h:outputText value="Notas de prensa"></h:outputText>
									<h:outputText value="Medios de Covertura"></h:outputText>
									<h:outputText value="conocimiento empresa"></h:outputText>
								</h:panelGrid>
							</p:tab>


						</p:accordionPanel>
					</div>

					<div id="connectLateralDerecho">
						<h:panelGrid columns="5" cellpadding="2" cellspacing="2">
							<h:outputText value="Connect with Cibertec" />
							<p:graphicImage value="/recursos/images/icon_fbook.jpg" />
							<p:graphicImage value="/recursos/images/icon_twitter.jpg" />
							<p:graphicImage value="/recursos/images/icon_youtube.jpg" />
							<p:graphicImage value="/recursos/images/icon_itunesu.jpg" />
						</h:panelGrid>

					</div>
					<div id="fbLateralDerecho">
						<div id="fb-root"></div>
						<script>(function(d, s, id) {
                             var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id)) return;
                             js = d.createElement(s); js.id = id;
                             js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
                            fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));
                        </script>
                        
                        <div id="fbLateralDerecho" class="fb-like-box" data-href="https://www.facebook.com/pages/UNCP-Pruebas-de-Software/246587185394052" 
                        data-width="250"  data-height="290" data-colorscheme="dark" 
                        data-show-faces="true" data-stream="false" 
                        data-header="true">
                        </div>
					</div>

				</ui:insert>

			</div>

		</div>



		<div id="Footer">
			<ui:insert name="footer">
			   
			     <div id="Separator">
	    <p:separator style="background:black; height: 20px;margin: 0 0 10px 0;border: 1px solid black;" />
	    </div>
			
    	          <div id="subFooter">
    	            <h:form>
	
            <p>Copyright 2012-2 Cibertec. All Rights
		Reserved. <p:spacer width="290" height="10" /> <p:commandLink value="Home" style="text-decoration: none;font-size: 15px;text-shadow: activecaption;color: black;font-family:Courier New, Courier, monospace ;"/> &nbsp; | &nbsp;
		     <p:commandLink value="Mapa" style="text-decoration: none;
font-size: 15px;text-shadow: activecaption;color: black;font-family:Courier New, Courier, monospace ;"/> &nbsp; | &nbsp;<p:commandLink value="Institucional" style="text-decoration: none;
font-size: 15px;text-shadow: activecaption;color: black;font-family:Courier New, Courier, monospace ;"/> &nbsp; | &nbsp;<p:commandLink value="Servicios" style="text-decoration: none;
font-size: 15px;text-shadow: activecaption;color: black;font-family:Courier New, Courier, monospace ;"/>   
		</p>
	 </h:form>
    	          </div>
    	          
			</ui:insert>
		</div>
	</div>
	
         <!-- USUARIO  -->
         <p:dialog id="dialog1" header="Login" widgetVar="dlg1" modal="true" resizable="false">  

   <h:form>  
        <h:panelGrid columns="2" cellpadding="5">
        
           <h:outputText value="Usuario " id="idUsuario" />
								<p:inputText
									value="#{cUsuarioSistemaController.eUsuarioSistema.str_idingreso}"
									required="true" />



		<h:outputText value="Contraseña " id="password" />
			<p:password feedback="false"
									value="#{cUsuarioSistemaController.eUsuarioSistema.str_password}"
									required="true" />
           
          <f:facet name="footer">
          <h:commandButton
							action="#{cUsuarioSistemaController.validaIngreso}"
							value="Ingresar" />
          </f:facet>
        </h:panelGrid>  
          
    </h:form>
</p:dialog> 
   <!--  CDP -->
   <p:dialog id="dialog2" header="Login" widgetVar="dlg2" modal="true" resizable="false">  

   <h:form>  
        <h:panelGrid columns="2" cellpadding="5">  
            <h:outputText value="CDP " id="password" />
								<p:password feedback="false"
									value="#{cUsuarioSistemaController.str_codcdp}"
									required="true" />
                     <f:facet name="footer">
      		<h:commandButton
							action="#{cUsuarioSistemaController.loginForCdp}"
							value="Ingresar" />
          </f:facet>
        </h:panelGrid>  
          
    </h:form>
</p:dialog> 
         
</h:body>

</html>
